<template>
  <div class="app-container">
    <el-card class="box-card" shadow="hover" style="border: #ffffff">
      <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick">
        <el-tab-pane label="外呼记录" name="out">
            <call-record-list />
        </el-tab-pane>
        <el-tab-pane label="回呼记录" name="in">
          <call-back-record />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import CallRecordList from "./CallRecordList"
import CallBackRecord from "./CallBackRecord"
export default {
  name : 'CallRecord',
  data() {
    return {
      activeName: 'out'
    }
  },
  components: {
    CallRecordList,
    CallBackRecord
  },
  methods: {
    handleTabClick(tab, event) {

    }
  }
}
</script>
